
//Método que recibe la información de la api y la pinta en la tabla. 
//Se ejecuta cuando se presiona el botón "Ir"
function llamada(){
	//Se lee la jornada del formulario
	var jornada = document.getElementById("jornada").value;
	
	//Llamada a la API. function(data) se ejecuta cuando se reciben los datos
	jQuery.ajax({ 
		type: 'GET',
		url: 'http://www.resultados-futbol.com/scripts/api/api.php?key=21bbd2b682d91049c65e6cb19379c1fb&format=json&req=quiniela&round='+jornada ,
		dataType: 'json',         
		crossDomain: true,
		jsonp: true,

		success: function(data) {
			//se elimina la tabla anterior
 			var elem = document.getElementById('tabla');
    			elem.parentNode.removeChild(elem);
			//se crea la nueva tabla
			document.write("<div id=\"tabla\">");
			imprime_tabla(data);
			document.write("</div>");
		}
	});	
}

//Función que se ejecuta una vez al principio para cargar la tabla más reciente y obtener el valor de var jornada_actual
function carga(){
	document.open();
	//Llamada a la API. function(data) se ejecuta cuando se reciben los datos
	jQuery.ajax({ 
		type: 'GET',
		url: 'http://www.resultados-futbol.com/scripts/api/api.php?key=21bbd2b682d91049c65e6cb19379c1fb&format=json&req=quiniela' ,
		dataType: 'json',         
		crossDomain: true,
		jsonp: true,
		success: function(data) { 
			//se escriben dos <div> para el formulario y la tabla y se rellenan con sendas funciones
			document.write("<div id=\"formulario\">");
			imprime_formulario(data.quiniela.round);
			document.write("</div>");
			document.write("<div id=\"tabla\">");
			imprime_tabla(data);
			document.write("</div>");
			
		}
	});
	document.close();
};

//Función que imprime el formulario con el número de entradas de la API
function imprime_formulario(ronda){
	document.write("<FORM>");
	document.write("<select id=\"jornada\">");
	//Se introducen tantas entradas en el <select> como jornadas hay en la API
	for(i=1;i<ronda;i++){
		document.write("<option value="+i+">Jornada "+i+"</option>");
	}
	//Por defecto está seleccionada la última jornada
	document.write("<option value="+i+" selected=\"selected\">Jornada "+i+"</option>");
	document.write("</select>");
	//El botón llama a la función llamada()
	document.write("<INPUT TYPE=\"button\" NAME=\"boton\" Value=\"Ir\" onClick=llamada()>")
	document.write("</FORM>");
};


//Función que imprime la tabla
function imprime_tabla(data){

	//crear los indices
	var indice=new Array("team1_name","team2_name","r1","r2","shedule","league_id","url","result");
	var indice_imprimible=new Array("Local","Visitante","Goles local","Goles visitante","Horario","Divisi\u00f3n","Informacion","Resultado");
	
	//Corregir algunos datos para su correcta representación	
	for(i in data.quiniela.lines){
		if(data.quiniela.lines[i].league_id==1901){
			data.quiniela.lines[i].league_id="Segunda";
		}
		if(data.quiniela.lines[i].league_id==1907){
			data.quiniela.lines[i].league_id="Primera";
		}
		data.quiniela.lines[i].url="<a href=\""+data.quiniela.lines[i].url+"\">Enlace</a>";
	}

	//Imprimir la tabla con los resultados
	document.write( marca("table summary=\"Quinielas\""));	
	document.write(marca("caption")); 
	document.write("Tabla de quinielas. Jornada "+data.quiniela.round);
	document.write(finmarca("caption"));
	document.write( marca( "thead" ));
	for(i in indice){
		document.write(celda(indice_imprimible[i]));
	}	
	document.write ( finmarca("thead"));
	document.write( marca( "tbody" ));
	for(i in data.quiniela.lines){
		document.write( marca( "tr" ));
		for (j in indice){
			eval("document.write(celda(data.quiniela.lines["+i+"]."+indice[j]+"))");
		}
		document.write ( finmarca("tr"));
	}
	document.write ( finmarca("tbody"));
	document.write( finmarca("table"));
	document.write ("<a href=\"http://www.resultados-futbol.com/\">Powered by Resultados-futbol.com</a>"); 	
}


//misc
function marca( m ) {
  return "<"+m+">";
}

function finmarca( m ) {
  return "</"+m+">";
}

function celda( contenido ) {
  return marca("td")+contenido+finmarca("td");
}





